*{ -moz-box-sizing: border-box; box-sizing: border-box; }
html{
	overflow-x: hidden; overflow-y: scroll; 
}
html,body{ 
	margin:0; padding:0;  width: 100vw; height: 100vh; color: #666; 
	font-size: 1.1vw; font-family: 'Open Sans', sans-serif; font-weight: 300; 
}

span,a,fieldset,cell{ display:inline-block; }
dt{ display: inline; }
input[type=checkbox],input[type=radio]{ min-width: 24px; min-height: 24px;  }

input[type=text],input[type=password],input[type=email],input[type=submit],button,select,textarea,.cta,cta a{ 
	width: 100%; /*padding: 1vh 1vw; margin: 1vh 0; */ padding: 0.66vh 0.5vw;  margin: 0.5vh 0;  font-size: 0.88vw; border-radius: 0.5vw; text-decoration: none; font-family: 'Open Sans', sans-serif;
}
input[type=text],input[type=password],input[type=email],select,textarea{  border: 2px solid #96A1B4; background: #fff;  color: #666; }
input[type=submit],button,.cta,cta a{  display: inline-flex; flex: none; justify-content: center; align-items: center;background: #001F53; color: #fff; border: 1px solid #001F53; text-align: center; padding: 0.75vh 1vw;  }
input[type=submit]:hover,button:hover, .cta:hover,cta a:hover{ color: #001F53; background: #fff; }
input[type=submit] lab, button lab, .cta lab,cta a lab{ display: inline-block; width: 95%; vertical-align: middle; }
input[type=submit] icon,button icon, .cta icon,cta a icon{ display: inline-block; width: 1.75vw; height: 1.75vw; background: no-repeat center center; background-size: 100% 100%; }
input[type=submit] icon img,button icon img,.cta icon img,cta a icon img{ width: 100%;}
.fill{ background: #fdd!important; border: 1px solid #c33!important; }
.readonly{ border: 1px solid #459!important; background: #f4eeff!important;  }

usercount{ display:block; text-align: center; }

.cta.pp icon{ background-image: url('../loadsvg.php?path=templates/images/icons/paypal_logo_w.svg'); }
.cta.pp lab{ width: auto; padding: 0 0.25vw; }
.cta.pp pp{ 
	width: 3.5vw; height: 1vw; background: no-repeat center center; background-size: 100% 100%;  
	background-image: url('../loadsvg.php?elem=change&fill=ffffff&path=templates/images/icons/paypal_ecr.svg'); 
}
.cta.pp:hover icon{ background-image: url('../loadsvg.php?path=templates/images/icons/paypal_logo.svg'); }
.cta.pp:hover pp{ background-image: url('../loadsvg.php?elem=change&fill=002987&path=templates/images/icons/paypal_ecr.svg'); }

.cta.icr{ background: #1D5D6D; }
.cta.icr:hover{ background: #fff; }
.cta.icr icr{ width: 9vw; height: 1.25vw; margin: 0.5vh 0; background: no-repeat center center; background-size: 100% 100%;  background-image: url(images/icons/icredit_w.png); }
.cta.icr:hover icr{ background-image: url(images/icons/icredit.png);  }

.cta.kshr{ background: #0E3FFF; }
.cta.kshr:hover{ background: #fff; }
.cta.kshr kshr{ 
	width: 9vw; height: 1.25vw; margin: 0.5vh 0; background: no-repeat center center; background-size: 100% 100%;  
	background-image: url('../loadsvg.php?elem=change&fill=ffffff&path=templates/images/icons/kesher.svg'); 
}
.cta.kshr:hover kshr{ background-image: url('../loadsvg.php?elem=change&fill=001F53&path=templates/images/icons/kesher.svg');  }

.cta.withCgv{  opacity: 0.25; }

.cta.arrowLeft:before{ content: '\25C2'; }
.he .cta.arrowLeft:before{ content: '\25B8'; }
.cta.arrowRight:after{ content: '\25B8'; }
.he .cta.arrowRight:after{ content: '\25C2'; }

.cta_whatsapp{ text-decoration: none; display: inline-flex; align-items: center; font-size: 66%; padding: 0.5em 1em; margin: 1em 0;  color: #fff; background: #1BD741; border-radius: 10vw; }
.cta_whatsapp icon{ width: 2em; height: 2em; }


header{ display: flex; flex: none; justify-content: space-between; align-items: center; width: 100vw; height: 6vw; position: absolute; z-index: 80; }
header logo{ padding: 2vh 2vw; }
header logo .catchline{ display: none; }
header logo pic{ width: 16vw; height: 3.6vw; background-image: url(images/kidoushin_logo.png) }
header #cnx{ display: inline-flex; flex: none; justify-content: flex-end; align-items: center; }
header #cnx input, header #cnx button{ width: 14vw; margin-left: 0.5vw; padding: 0.5vh 0.75vw; }
header #cnx button icon{ height: 0.88vw; }
header .lgMenu a{ width: 3.75vh; height: 2.5vh; background: no-repeat center center; background-size: 100% 100%; border: 1px solid #999; opacity: 0.5; }
header .lgMenu a:hover{ opacity: 1; }
header .cta_whatsapp icon{ margin: 0; }
/*header  input,header  .cta{ font-size: 0.80vw!important; } */
header  nav{  display: inline-flex; flex: 1; justify-content: flex-end; align-items: center; align-self: flex-start; font-size: 0.88vw; }
header  nav top, header  nav middle, header  nav bottom{ display: flex; flex: none; justify-content: flex-end; align-items: center; padding: 0 2vw;  }
header  nav top cell{ padding-left: 0.5vw; }
header  nav bottom{ padding: 0; /*margin-top: 1vh;*/ }
header  nav bottom a{ text-decoration: none; padding: 1.5vh 0.25vw; text-align: center; width: 9.5vw; color: #001F53;  border-right: 1px solid rgba(0, 31, 83, 0.15); }
header  nav bottom a:hover, header  nav bottom a.in{ color: #A98342; padding: 1.5vh 0.5vw 1vh; border-bottom: 0.55vh solid #A98342; }
header  nav bottom a:last-child{ border-right: none; }
header  nav top #logError{ display: inline-block; }
header  nav top #logError:before{ content: ''; }
header  nav top #logError:after{ content: '\25BA'; margin-left: 0.5vw; }
header  nav input[type=text], header  nav input[type=password], header  nav button{ font-size: 1vw; }

header.floated{ position: fixed; top:0; left:0; height: 4vw; background: #fff; border-bottom: 2px solid #001F53; box-shadow: 0 1vh 3vh rgba(0,0,0,0.25); }
header.floated logo{ width: 14vw; padding: 1vh 2vw; }
header.floated logo pic{ width: 8vw; height: 1.8vw; }
header.floated nav{ align-self: flex-end; }
header.floated nav input, header.floated nav .cta, header.floated nav button{ font-size: 0.66vw; }
header.floated nav bottom{ margin-top: 0; }
header.floated nav bottom a{ padding: 1.25vh 0.25vw 1.25vh; }
header.floated nav bottom a:hover, header.floated nav bottom a.in{ padding: 1.25vh 0.25vw 0.75vh; }
header.floated .mdpo{ display: none; }
header.floated .lgMenu a{ height: 2vh; }


main{ display: block; min-height: 77.65vh; }

footer{ background: #001F53; color: #fff; text-align: center; padding: 2vh 2vw; font-size: 0.88vw; }
footer nav{ display: flex; flex: none; justify-content: center; align-items: center; }
footer copyright{ display: inline-block; padding: 0.5vh 2vw;  }
footer a{ color: #fff;  padding: 0.5vh 2vw; }
footer a:hover{ text-decoration: none; }

flex-around{ display: flex; flex: none; justify-content: space-around; align-items: center; }
flex-between{ display: flex; flex: none; justify-content: space-between; align-items: center; }
txt{ display: block; padding: 2vh 4vw; }

h1{ color: #001F53; text-align: center; font-size: 1.33vw; }
h4{ font-weight: normal; display: inline-flex; flex: none; align-items: center; margin: 0; }

icon,pic{ display: inline-block;  background: no-repeat center center; background-size: 100% 100%; }
icon{  margin-right: 0.5vw; }


scroller{ display: block; flex: 1; overflow: hidden; }
scroller scrollct{ display: flex; flex: none; justify-content: flex-start; align-items: stretch;  height: 100%; }


#thx, #load{ 
	display: none; background: url(images/artifice.gif) no-repeat center center #fff; background-size: 100% auto; width: 100%;
	font-size: 0.88vw; border: 0.25vw solid #ccc; text-align: center; border-radius: 0.5vw; position: absolute;  top:0; left: 0;
}
#thx txin, #load txin{ display: flex; flex: none; flex-direction: column; justify-content: space-around; align-items: center;  background: rgba(255,255,255,0.85); padding: 0.5vh 1vw; }
#thx h1, #load h1, #splash #thx h1{ font-size: 1.25vw; /*color: #3c3;*/ color: #001F53; font-weight: 600; }
#thx cta{ width: 100%; text-align: center; }
#thx cta a{ width: 33%; }
#thx b{ font-size: 1vw; font-weight: bold; }
#load{ background: #fff; }
#load p{ margin-top: 0; }
#load icon{ width: 8vw; height: 8vw; }

.mdpo{ text-align: center; margin-top: -0.75vh; position: relative; }
.mdpo a{ font-size: 0.75vw; padding: 0 0.5vw; text-align: center; }
.mdpo .mdpoin{ display: none; position: absolute; width: 22vw; top: 3vh; left: auto; right: 0; text-align: center; background: #fff; border: 1px solid #ccc; box-shadow: 0 1vh 4vh #ccc; }
.mdpo .mdpoin mdpoin{ display: block; padding: 0.5vh 2vw 3vh; }
.mdpo .mdpoin h2, .mdpo .mdpoin div{ margin: 0.5vh 0; }
.mdpo .mdpoin cta a{ width: auto; padding: 1vh 1vw; }
.mdpo .mdpoin close{ display: block; text-align: right; }
.mdpo .mdpoin close a{ color: #c33; text-decoration: none; }
.mdpo #load, .mdpo #thx{ border-radius: 0; }
.mdpo #thx txin{ padding-bottom: 1vh; }
.mdpo #thx h1{ margin-bottom: 0; }

#splash{	 
	background: no-repeat top center #ccc; background-size: 100% auto; background-attachment: fixed;
}
#splash in{
	display: flex; flex: none; justify-content: space-around; align-items: center; z-index: 0; width: 100vw; height: 100vh;
} 

#splash h1{ font-size: 1.66vw; font-weight: 300; margin: 0; padding: 1vh 0; color: #001F53; line-height: 100%; }
#splash h3{ display: block; margin: 0.5vh 0; padding: 1vw 0; margin: 1vw 0; text-align: center; font-size: 0.75vw; border-top: 1px solid #001F53; border-bottom: 1px solid #001F53; }
#splash .vid{ width: 40vw; text-align: center; padding-left: 10vw;}
#splash .video{ width: 32vw; height: 18vw; border: 4px solid #fff; background: #666; box-shadow: 0 1vh 4vh rgba( 0,0,0,0.25 ); }
#splash .frm{  width: 26%; /*padding: 1vh 1vw; background: rgba(255,255,255,0.5); border: 6px solid #fff; border-radius: 0.5vw;*/ }
#splash .frm h1{  font-size: 1.5vw; text-align: center; }
#splash .frm tel{ display: flex; flex: none; justify-content: center; align-items: center; font-weight: 400; color: #001F53; font-size: 1.5vw; }
#splash tel il, #splash tel fr, #splash tel a{ display: inline-flex; flex: none; align-items: center; }
.cta_whatsapp icon{ margin: 0 0 0 0.5em; }

#splash .present{ text-align: center; }
#splash .present h1{ font-size: 4.5vw; }
#splash .present h2{ font-size: 2vw; margin: 5% 0; }
#splash .present h4{ font-size: 1.5vw; margin-top: 1.5em; }
#splash .present nav{ display: flex; flex: none; justify-content: space-between; align-items: stretch; }
#splash .present nav a{ 
	display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; background: #001F53; color: #fff; padding: 3%; margin: 2%; border-radius: 5%;
}

#splash .log{ display: none; }

#splash .bando{ font-size: 2vw; font-weight: 600; color: #001F53; /* font-family: 'Amatic SC', cursive; color: #fff; text-shadow: 0 0 6px #001F53, 0 0.5vh 0.5vh #000;*/ /*text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 8px #fff;*/ }
#splash .bando font{ color: #c33; }
#splash .bando small{ display: block; font-size: 2vw; }
#splash .bando sl{ display: flex; flex: none; justify-content: center; align-items: center; height: 68vh; }

/*#regshort input[type=text], #regshort input[type=password],#regshort  input[type=email],#regshort  select{ padding: 0.75vh 0.33vw;  margin: 1vh 0;  font-size: 0.9vw; } */
#regshort{ display: block; position: relative; }
#regshort div{ display: flex; flex: none; justify-content: space-between; align-items: center; padding: 0.66vh 0;}
#regshort div label{ display: inline-block; width: 40%; font-size: 1vw; color: #001F53; }
#regshort .ddn select{ width: auto; }
#regshort .country cell{ width: 40%; height: 3.2vh; }
#regshort .country cell img{ width: 2.8vw; height: 3.2vh; border-radius: 0.15vw; }
#regshort #ind{ direction: ltr; }
#regshort #ind label{ text-align: left; }
#regshort #ind ind{  display: inline-block; padding: 0.25vh 0.5vw; background: #fff; border-radius: 0.5vw; }
#regshort dt{ display: inline-block; }
#regshort input[name=lastname], .mdpo input[name=lastname]{ display: none; }
#regshort cta{ display: block; margin-top: 2vh; }
#regshort cta a{ text-transform: uppercase; padding: 1.25vh 1vw;  }
#regshort #thx, #regshort #load{ margin-top: -8vh; }
#regshort #thx txin, #regshort #load txin{ height: 56.5vh; }

.error{ display: none; width: 100%; padding: 0.75vh 1vw; margin: -1vh 0 -2.5vh; border-radius: 0.5vw; font-size: 0.75vw; background: #c33; color: #ff0; text-align: center; position: relative; z-index: 9; }
.error:before, .error:after{ content: ' \25B2 '}


#concept.un{ display: flex; flex: none; justify-content: space-around; align-items: center; padding: 4vh 0 8vh; }
#concept.un cell{ max-width: 25%; }
#concept.un .alliances img{ width: 14vw; height: 14vw; border: 2px solid #A98342; border-radius: 25vw; box-shadow: 0 1vh 1.5vh rgba(0,0,0,0.15); }

#concept.deux in{ display: flex; flex: none; justify-content: space-around; align-items: center; padding: 4vh 0 8vh; }
#concept.deux cell{ max-width: 33%; text-align: center; }
#concept.deux .alliances img{ width: 14vw; height: 14vw; border: 2px solid #A98342; border-radius: 25vw; box-shadow: 0 1vh 1.5vh rgba(0,0,0,0.15); }
#concept.deux b{ font-weight: bold; }

#testi{ 
	display: block; padding: 0.25vh 12px 4vh 0; 
	/*background: #eeeff3;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeff3+51,e3d7ea+100 */
	background: #eeeff3; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeff3 51%, #e3d7ea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeff3 51%,#e3d7ea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeff3 51%,#e3d7ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeff3', endColorstr='#e3d7ea',GradientType=0 ); /* IE6-9 */
}
#testi in{ display: flex; flex: none; justify-content: space-around; align-items: stretch; }
#testi .arrow{ display: inline-flex; flex: none; justify-content: center; align-items: center; width: 2%; color: #001F53; text-decoration: none; }
#testi .arrow:hover{ background: rgba(0,0,0,0.125); }
#testi article{ width: 24vw; padding: 0 2vw;}
#testi article nm{ display: block; text-align: right; padding: 0.5vh 0; color: #A98342; font-weight: 300; }
#testi article artxt{ display: block; height: 21vh; }
#testi article atxt{ display: inline; font-style: italic; }
#testi article atxt:first-letter{  color: #A98342; display: inline-block; font-size: 2.8vw; float: left; margin: 1vh 0.5vw 0.5vh 0; }
#testi article pic{ display: block; width: 3.5vw; height: 3.5vw; background: no-repeat center center; background-size: auto 100%; float: right;}
#testi article icon{ display: inline-block; width: 1vw; height: 1vw; }

#comcaspass.un{ background: url(images/comcaspass_back.jpg) center center no-repeat; color: #fff; background-size: 100% auto; padding: 2vh 2vw; background-attachment: fixed; }
#comcaspass.un h1{ color: #fff; text-align: left;  }
#comcaspass.un ul{ display: flex; flex: none; justify-content: space-around; flex-wrap: wrap; align-items: stretch; }
#comcaspass.un ul li{ width: 45%; padding: 2vh 1vw; }
#comcaspass.un small{ font-size: 0.66vw; }

#comcaspass.deux{ background: url(images/comcaspass_back.jpg) center center no-repeat; color: #fff; background-size: 100% auto; padding: 2vh 2vw; background-attachment: fixed; }
#comcaspass.deux h1{ color: #fff; text-align: center;  }
#comcaspass.deux in{ display: flex; flex: none; justify-content: space-around; flex-wrap: wrap; align-items: stretch; }
#comcaspass.deux in article{ width: 25%; padding: 2vh 1vw; text-align: center; }
#comcaspass.deux small{ font-size: 0.66vw; }

#counters{ display: flex; flex: none; justify-content: space-around; flex-wrap: wrap; align-items: center; background: #001F53; padding: 1.5vw 2vw; }
#counters article{ width: 25%; text-align: center; font-size: 1.5vw; color: #fff; }
#counters h1{ color: #fff; font-size: 4.5vw; margin: -1vw 0; }
#counters h2{ color: #fff; font-size: 1.5vw; width: 100%; text-align: center; margin: -1vw 0 1vw; }

#nttext.un{ /*background: #eee;*/ background: #fff; padding: 2% 0; }
#nttext.un h1{ text-align: center; margin: 0; padding: 0 0 2%; }
#nttext.un flex-around{ align-items: stretch; }
#nttext.un h2{ font-size: 1vw; display: flex; flex: none; align-items: center; color: #A98342; }
#nttext.un h2 cell{ width: auto;  font-weight: 400; font-size: 1.2vw; }
#nttext.un cell{ width: 25%;  }
#nttext.un icon{ width: 2vw; height: 2vw; }

#nttext.deux{ background: #eee; padding: 2% 0; }
#nttext.deux article{ width: 16%; text-align: center; }
#nttext.deux article h2{ justify-content: center; font-size: 2vw; margin: 1vw 0; }#nttext{ background: #eee; padding: 2% 0; }
#nttext.deux h1{ text-align: center; margin: 0; padding: 0 0 2%; }
#nttext.deux flex-around{ align-items: stretch; }
#nttext.deux h2{ font-size: 1vw; display: flex; flex: none; align-items: center; color: #A98342; }

#nttext_p2{ /*background: #dce2ee;*/ padding: 2% 0; }
#nttext_p2 h2{ font-size: 1vw; display: flex; flex: none; justify-content: center; align-items: center; text-align: center; color: #A98342; }
#nttext_p2 article{ width: 30%; background: rgba(0, 31, 83,0.1); padding: 2%; }
#nttext_p2 article:nth-child(2){ background: rgba(0, 31, 83,0.05); }

#poppaiement{ padding: 0 8vw 9vh; text-align: center; }
#poppaiement div{ text-align: center; padding: 2vh 0; }
#poppaiement select{ width: auto; }
#poppaiement h3{ color: #001F53; }

#poppaiement abos{ display: flex; flex: none; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; font-size: 1em; /*modifier pour zoomer*/ }
#poppaiement abos cell{ 
	display: flex; flex: 1; flex-direction: column; justify-content: space-between; align-items: stretch;
	padding: 0 1em; border-left: 1px dotted #ccc; position: relative; 
}
#poppaiement abos cell.highlight{ border: 1px solid #A98342; box-shadow: 0 0 0.33em #A98342; background: #f8f0b5; }
#poppaiement abos cell.passif p{ font-size: 1.1em; }
#poppaiement abos cell.passif icr{ display: none; }
#poppaiement abos cell.passif .cta{ width: 100%; margin-bottom: 1.2em; padding: 1em 0; }
#poppaiement abos cell:first-child, #poppaiement abos cell:nth-child(2){ border-left: none; }
#poppaiement abos cell ul{ margin: 0.5em 0; padding: 0; text-align: left; }
#poppaiement abos cell li{ list-style: none; }
#poppaiement abos cell h1{ border: 1px solid #001F53; margin: 0; font-size: 1.66em; color: #A98342; border-radius: 0.5vw; text-align: center; }
#poppaiement abos cell .lpm{ flex: 1; }
#poppaiement abos cell .plus  li:before{ content: ' '; width: 0.66em; height: 0.75em; background: no-repeat center center; background-size: 100% 100%; display: inline-block; margin-right: 1em; color: #090; }
#poppaiement abos cell .moins li:before{ content: ' '; width: 0.66em; height: 0.75em; background: no-repeat center center; background-size: 100% 100%; display: inline-block; margin-right: 1em; color: #a33; }
#poppaiement abos cell p{ font-size: 0.66em; color: #37d; }

.he #poppaiement .highlight macaron macell{ line-height: 1.2em; }
#poppaiement macaron{ display: none; }

#poppaiement abos .free, #poppaiement abos .decouverte{ display: flex; flex:none; flex-direction: row; justify-content: space-around; align-items: center; width: 100%; /*height: 25vh;*/ }
#poppaiement abos .decouverte{  border-radius: 0.5vw; background: #ddddf8; padding: 1vh 0; box-shadow: 0 0 3px #001F53; }
#poppaiement abos .free cell, #poppaiement abos .decouverte cell{ width: 30%; height: auto; border-left: none; }
#poppaiement abos .free .radios, #poppaiement abos .decouverte .radios{ display: none; }
#poppaiement abos .free p, #poppaiement abos .decouverte p{ color: #001F53; font-size: 120%; }

#poppaiement .highlight macaron{ 
	display: inline-flex; flex: none; justify-content: center; align-items: center; color: #fff; padding: 0 1.7em 1em 1.05em; transform: rotate(10deg);
	width: 8.5em; height: 8.5em; background: url(images/macaron.svg) top left no-repeat; background-size: 100% 100%; position: absolute; top: -3.75em; right: -3.75em; z-index: 9; 
	text-shadow: -1px 1px 0 #ead154, 1px -1px 0 #A98342; font-weight: 400; font-size: 1em;
}

#poppaiement abos cell .parrain{ display: block; width: 110%; margin: 3vh -5% 6vh; }
#poppaiement abos cell .parrain bando{ 
	display:flex; flex: none; align-items: center; background: #c33; color: #fff; transform: rotate(3.5deg); /*border-radius: 0.5vw; */
	box-shadow: 0.25vw 1vh 1vh rgba(128,75,0,0.25); border-bottom: 3px solid #A98342;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a98342+0,ead154+5,a98342+40,a98342+60,ead154+95,a98342+100 */
	background: #a98342; /* Old browsers */
	background: -moz-linear-gradient(left,  #a98342 0%, #ead154 5%, #a98342 40%, #a98342 60%, #ead154 95%, #a98342 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a98342 0%,#ead154 5%,#a98342 40%,#a98342 60%,#ead154 95%,#a98342 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a98342 0%,#ead154 5%,#a98342 40%,#a98342 60%,#ead154 95%,#a98342 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98342', endColorstr='#a98342',GradientType=1 ); /* IE6-9 */

}
#poppaiement abos cell .parrain bando .ext{ 
	width: 10%; height: 2.5em; border: none;  
}
#poppaiement abos cell .parrain bando bandotxt{ display: inline-block; flex: 1; text-align: center; border: none;  }







#parrainage{ background: url(images/parrainage_back.jpg) no-repeat top center; background-size: 100% auto; background-attachment: fixed; }
#parrainage h1{ color: #001F53; text-align: left; padding: 2.5vh 2vw; }
#parrainage cell{ color: #001F53; padding: 0 1vw; }
#parrainage cell flex-around{ align-items: stretch; }
#parrainage cell flex-around cell{ width: auto; text-align: center; font-size: 1.75vw; font-weight: 700;}
#parrainage ja{ display: block; font-size: 1vw; text-align: left; margin-top: 1.5vh; }
#parrainage num{ 
	display: block; font-size: 8vw;  font-weight: 800; line-height: 6vw; color: #fff; margin-bottom: 2vh;
	/*text-shadow: 0.25vh 0.25vh 0 #fff, -0.25vh 0.25vh 0 #fff, -0.25vh -0.25vh 0 #fff, 0.25vh -0.25vh 0 #fff; */
}
#parrainage .and{  
	font-size: 8vw;  font-weight: 800; color: #001F53;  align-self: center;
	/*text-shadow: 0.25vh 0.25vh 0 #A98342, -0.25vh 0.25vh 0 #A98342, -0.25vh -0.25vh 0 #A98342, 0.25vh -0.25vh 0 #A98342;*/
}
#parrainage a{ font-size: 0.88vw; margin-top: 8vh;  }
/*#parrainage herb{ display: block; height: 25vh; margin-top: -10vh;  background: url(images/herb_back.png) repeat-x bottom left; background-size: auto 100%; }*/
#parrainage front{ display: block; height: 60vh; margin-top: -48vh;  background: url(images/parrainage_front.png) no-repeat bottom left; background-size: auto 100%; }
#parrainage a{ padding: 1vh 2vw; background: #fff; color: #001F53; text-decoration: none; text-transform: uppercase; font-size: 1.5vw; }
#parrainage a:hover{ background: #001F53; color: #fff; }
#parrainage.fromcontent{ padding-top: 8vh; }
#parrainage.fromcontent front{ margin-top: -38vh; }

#parrainageCom{ text-align: center; background: #eee; padding: 3vh 0; }
#parrainageCom h1{  margin-top: 0;  }
#parrainageCom flex-around{ align-items: stretch; }
#parrainageCom cell{ width: 25%;  }
#parrainageCom cell div{ padding: 2vh 0; }
#parrainageCom cell num{ display: inline-block; font-weight: 700; padding: 1vh 1vw; border: 3px solid #001F53; color: #001F53; border-radius: 10vw; }
#parrainageCom icon{ width: 10vw; height: 10vw; }

#parrainageForm{ margin: 2vh 12.5vw 10vh; }
#parrainageForm h1{ text-align: center;}
#parrainageForm h1 small{ font-weight: 400; }
#parrainageForm flex-around{ padding: 2.5vh 0; border: 1px solid #ccc;  }
#parrainageForm  cell{ width: 45%; margin: 1vh 0; }
#parrainageForm flex-between{ margin: 1vh 0; }
#parrainageForm lab{ width: 40%; }
#parrainageForm dom{ width: 54%; }
#parrainageForm cta{ display: block; text-align: center;  margin: 2vh 0; }
#parrainageForm cta a{ display: inline-flex; width:25%; }

#parrainageForm form{  position: relative; }
#parrainageForm  #thx, #parrainageForm  #load{ background-size: auto 100%; background-repeat: repeat-x; font-size: 1vw; }
#parrainageForm  #thx txin, #parrainageForm  #load txin{ height: 33vh; }


#contact h1{ text-align: center; }
#contact cell{ text-align: center; }
#contact cell  h2{ display: flex; flex: none; justify-content: space-between; align-items: center;  }
#contact cell img{ width: 6vw; height: 7.5vh; margin-right: 1vw;  }
#contact  icon{ width: 1.5vw; height: 1.5vw; }
#contact .cta_whatsapp{ font-size: 100%; margin-top: 0; }